<template>
	<view class="third-body">

		<view class="sub-content">
			<view class="content" v-for="(list,key) of listJson" :key="key">
			<!-- {{key}} *{{resJson[key]}}* -->
	
				<view class="label" v-if="resJson[key]">{{list}} </view>
				<!-- <view class="results" v-if="resJson[key]">{{resJson[key]|formatNull}}</view> -->
				<view class="results" v-if="resJson[key]">{{resJson[key]}}</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	import uniCollapse from '@/components/uni-collapse/uni-collapse.vue'
	import uniCollapseItem from '@/components/uni-collapse-item/uni-collapse-item.vue'
	import uniList from '@/components/uni-list/uni-list.vue'
	import uniListItem from '@/components/uni-list-item/uni-list-item.vue'


	import uniTag from '@/components/uni-tag/uni-tag.vue';

	export default {
		components: {
			uniTag,
			uniCollapse,
			uniCollapseItem,
			uniList,
			uniListItem
		},
		data() {
			var year = new Date().getFullYear();
			var years = [],
				yearIndex = year - 1990;
			for (var i = 1990; i < year + 11; i++) {
				years.push(i);
			}
			return {
				years,
				AAC002: "",
				AAC003: "",
				AAZ500: "",
				AKC803: "",
				AAE140: "",
				dataArr: [],
				pageIndex: 1,
				totalPage: 1,
				current: yearIndex,
				listJson: {
					"AAE001": "参保年度",
					"AAC001": "个人编号",
					"AAC002": "身份证号",
					"AAC003": "姓名",
					"AAC004": "性别",
					"AAC005": "民族",
					"AAC006": "出生日期",
					"AAC007": "参加工作日期",
					"AAC009": "户口性质",
					"AAC010": "户口所在地",
					"AAC011": "文化程度",
					"AAC012": "个人身份",
					"AAC013": "用工形式",
					"AAA027": "统筹区编码",
					"AAE004": "联系人",
					"AAE005": "联系电话",
					"AAC008": "人员状态",
					"AAC058": "证件类型",
					"AAE006": "通讯地址",
					"AIC162": "离退休日期",
					"AAZ500": "社保卡卡号",
					"AKC021": "医疗待遇类别",
					"AAC026": "公务员标志",
					"AAB999": "单位编码",
					"AAB069": "单位名称",
					"AAE030": "参保开始日期",
					"AAE031": "参保结束日期"

				},
				resJson: {
					"AAE001": "",
					"AAC001": "",
					"AAC002": "",
					"AAC003": "",
					"AAC004": "",
					"AAC005": "",
					"AAC006": "",
					"AAC007": "",
					"AAC009": "",
					"AAC010": "",
					"AAC011": "",
					"AAC012": "",
					"AAC013": "",
					"AAA027": "",
					"AAE004": "",
					"AAE005": "",
					"AAC008": "",
					"AAC058": "",
					"AAE006": "",
					"AIC162": "",
					"AAZ500": "",
					"AKC021": "",
					"AAC026": "",
					"AAB999": "",
					"AAB069": "",
					"AAE030": "",
					"AAE031": ""
				}
			}
		},

		methods: {


		},
		mounted() {
			var data = uni.getStorageSync('renyuanInfo');
			console.log(data)
			this.resJson = data;
		}

	}
</script>

<style>
	.content {
		display: flex;
		justify-content: space-between;
		line-height: 70upx;
		padding: 0 30upx;
		font-size: 15px;
		border-top: 1px dashed #E4E7ED;
	}

	.content:first-child {
		border-top: none;
	}
</style>
